$(function(){

  // 配置 axios 请求根路径
  axios.defaults.baseURL = 'http://124.223.14.236:3001/api' 
  
  // 验证的是用户名
  const username = document.querySelector('[name=username]')
  // change事件    表单值发生变化并且失去焦点触发事件
  username.addEventListener('change',fnName)

  // 封装fnName函数
  function fnName(){
      // 定规则  用户名
      const reg =  /^[a-zA-Z0-9-_]{1,6}$/
      // 不合法的  
      if(!reg.test(username.value)){
           alert('输入不合法,请输入1~6位')
           return false
      }
      // 合法的 
      return true
  }

   // 验证的是密码
   const psd = document.querySelector('[name=password]')
   // change事件    表单值发生变化并且失去焦点触发事件
   psd.addEventListener('change',fnPsd)

   // 封装fnPsd函数
   function fnPsd(){
       // 定规则  用户名
       const reg = /^[a-zA-Z0-9-_]{6,20}$/
       // 不合法的  
       if(!reg.test(psd.value)){
           alert('密码格式不正确')
            return false
       }
       // 合法的   
       return true
   }


   // 验证的是手机号
   const phone = document.querySelector('[name=phone]')
   // change事件    表单值发生变化并且失去焦点触发事件
   phone.addEventListener('change',fnPhone)

   // 封装fnPhone函数
   function fnPhone(){
       // 定规则  用户名
       const reg = /^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/
       // 不合法的  
       if(!reg.test(phone.value)){
            alert('手机号输入不合法')
            return false
       }
       // 合法的   
       return true
   }
  
    $('form').on('submit', async function(e){
        // 阻止默认提交行为
        e.preventDefault()
        // const data = $(this).serialize()
        // console.log(data);
         
        // 正则判断  成功后进行 ajax 请求
        if(fnName()&&fnPsd()&&fnPhone()){
           const{data:res} = await axios({
                method: 'POST',
                url: '/user/reg',
                data: {
                    username: $('#username').val(),
                    password: $('#password').val(),
                    phone: $('#phone').val(),
                    sex: +$('[name=sex]').val(),
                    vip: +$('[name=vip]').val(),
                    question: $('#question').val(),
                    answer: $('#answer').val(),

                }          
            })

            // console.log(res);

            if(res.success !== true) return alert(res.msg)
            alert('恭喜您注册成功')
            // 清空表单内容
            $('form')[0].reset()
    
        }    
    })

    // 注册成功 点击跳转登录页
    $('.rg_right a').on('click', () => {
        location.href = $(this).href
    })
})
